<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>INTERVIEW</title>


<link href="../css/scroll.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="../js/jquery.ui.touch-punch.min.js"></script>

<script type="text/javascript" src="../js/facescroll.js">

</script>

<!-- Google Analytics Lines -->
	<script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-34830088-1']);
      _gaq.push(['_setDomainName', 'sportsballworld.com']);
      _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>

<!--[if IE]>
<style>
   body{
		background-image:url(../images/base-calle-home3.png);
	}
</style>
<![endif]--> 

<style type="text/css">
	#Videoplayer {
		position: absolute;
		top:30px;
		left:160px;
		z-index: 1;
	}

	#VideoPlayer1 {
		position:absolute;
		z-index:150;
		left:178px;
		top:45px;
		
	}

	#flickr {
		position:absolute;
		left:230px;
		top:45px;
		margin-top:480px;
		margin-bottom:500px;
				
	}
	
	#scroll_base {
		left:889px;
		position:absolute;
		top:60px;
			
	}
	
	#backphotos {
		position:absolute;
		top:507px;
		left:160px;
		z-index:-1;
	}
	

</style>


<script type="text/javascript">
	jQuery(function(){ // on page DOM load
		$('#all').alternateScroll({ 'vertical-bar-class': 'styled-v-bar', 'hide-bars': false, 'auto-size': false});	
	})
</script>

</head>

<body>

<div id="scroll_base">
    	<img src="../images/scrool-base.png" height="522" width="27" />
       
    </div>
    
<div id="all" style="width:900px; height:500px; padding:10px; padding-right:8px; position:absolute; top:50px; overflow:scroll; z-index:1000;">
	<div style="height:590px">
	
    
	<div id="Videoplayer">
    		<img src="../images/web-player-background.png" width="632" height="368"/>
    </div>
    
    <div id="VideoPlayer1">
    	<iframe width="600" height="340" src="http://www.youtube.com/v/WZWe6oWIPD4?loop=1&rel=0&autoplay=1&version=3&controls=0&playlist=WZWe6oWIPD4" frameborder="0" allowfullscreen></iframe>
        
    	
    </div>
    
    <div id="backphotos">
    	<img src="../images/back-photos.png" width="632" height="534"/>
    </div>
    
    <div id="flickr">
    	<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?user_id=87482847@N03&tags=interview" width="500" height="500" frameBorder="0" scrolling="no"></iframe>
    </div>
    </div>
</div>
</body>
</html>
